Awesome Ionic

An “awesome” list of the Ionic resources

Ionic

“Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies.”

Current Ionic version:

Official Resources

• Site
• Blog
• Documentation
• Getting Started Guide
• Ionic Native
• Community Forum
• Ionic IRC
• Ionic Youtube Channel
• Showcase
• GitHub Repo

Ionic Fundamentals

• Beginners Guide to Getting Started with Ionic
• Ionic First Look Series: Your First Ionic App Explained
• How to Convert an Ionic 1 Application to Ionic
• A Simple Guide to Navigation in Ionic
• 10 Minutes with Ionic: Adding Pages and Navigation
• 10 Minutes with Ionic: Calling an API
• How To Update Your Application Project and CLI
• How to Create a Data Model in Ionic
• Ionic and External Libraries
• Understanding Zones and Change Detection in Ionic & Angular 2
• Understanding Ionic: Pipe
• How to Manipulate Data in Ionic: Part 1
• How to Manipulate Data in Ionic: Part 2
• Filtering, Mapping, and Reducing Arrays in Ionic
• Build a basic mobile app with Ionic 4
• Read SMS in Ionic 4 apps
• Geolocation, geocoding and reverse geocoding in Ionic 4
• Google Vision in Ionic 4 apps
• RTL (right-to-left) layout in Ionic 4 apps
• Push notifications in Ionic 4 apps
• Google Vision in Ionic 4 apps

Theming

• A Guide to Styling an Ionic Application
• Best practice when adding FontAwesome to an ionic2 app
• A List of Common CSS Utility Attributes in Ionic
• 5 Animation Packages You Can Immediately Use Inside Your Ionic App

Components

• How to Create a Sliding Delete Button for Lists
• Creating a Sliding Introduction Component in Ionic
• How to Create a Custom Loading Component in Ionic
• Build a Simple Progress Bar Component in Ionic
• Create a News Feed with 360-Degree Photo Viewing in Ionic
• Build a Tap to Reveal Component in Ionic

Authentication

• Twitter Login in Ionic 4 App using Firebase
• Facebook Login in Ionic 4 App using Firebase
• Google Login in Ionic 4 App using Firebase
• Anonymous Login in Ionic 4 App using Firebase
• Basic Email Login in Ionic 4 App using Firebase
• Add Touch ID Authentication To An Ionic Mobile App
• Successful OAuth Social Login with Firebase
• Using An Oauth 2.0 Service Within An Ionic Mobile App
• Ionic and Auth0
• Handling a Simple User Authorization
• Authenticate Ionic with WordPress

Unit Testing

• Ionic Unit Testing
• How to Unit Test an Ionic Application
• Test Driven Development in Ionic: An Introduction to TDD

Ionic Native / Cordova Plugins

• Playing music in Ionic 4 apps
• How to implement health plugin - Pedometer in Ionic 4
• Using Cordova Plugins in Ionic with Ionic Native
• How to Work With Cordova Plugins
• 10 Minutes with Ionic: Using the Camera with Ionic Native
• How to Use Google Maps & Geolocation
• Determine Network Availability
• Monetize With Google Admob In An Ionic Mobile App
• Show Native Toast Notifications In An Ionic Mobile App
• Having Fun With Cordova Geolocation Plugin
• Use SQLite In Ionic Instead Of Local Storage
• Launch Websites With Ionic Using The InAppBrowser
• Add Barcode Scanning Functionality To Your Ionic App
• Use Google Analytics In An Ionic Android And iOS App
• Share Things On Social Media Via An Ionic Mobile App
• How To Use PouchDB + SQLite For Local Storage In Ionic
• Adding Background Geolocation to an Ionic Application
• Getting Familiar with Local Notifications in Ionic
• Create a Nearby Places List with Google Maps in Ionic – Part 1
• Create a Nearby Places List with Google Maps in Ionic – Part 2

Payment Gateway Integrations

• Ionic 4 Stripe Payment Integration
• Ionic 4 PayPal Payment Integration
• Ionic 4 Apple Pay Payment Integration
• Ionic 4 Razorpay Payment Integration

Backend as a Service

• 10 Minutes with Ionic: Calling an API
• Using Http to Fetch Remote Data from a Server in Ionic
• Making REST HTTP Requests Like a Pro
• Posting data from Ionic app to a PHP server
• Make HTTP Requests In An Ionic Android And iOS App
• Integrating Firebase with AngularFire2 into AngularJS & Ionic2

i18n & l10n

• Internationalize and Localize Your Ionic 4 App
• Internationalize and Localize Your App With Angular 2
• attranslate - Semi-automated translation of JSON and other resource files

Tools

• Ionic2-vscode
• Vim-ionic2
• Ionic Vetur Intellisense - Vetur support for Ionic Components for tag and attribute autocompletion

Video Tutorials

• Ionic Quickstart
• Build a Todo App from Scratch with Ionic
• Ionic: How to Use Google Maps & Geolocation
• Ionic in One Hour
• Build a Custom Flash Card Component in Ionic
• Hacking CSS in Ionic
• Learn Ionic 3 From Scratch

Books

• Building Mobile Apps with Ionic
• Ionic Blueprints
• Hybrid Mobile Development with Ionic

Open Source Projects

• Ionic Conference App
• IonicRealty
• Ionic Firebase Chat App
• Ionic Ecommerce App
• Ionic Conference App based on Lanyrd API
• Ionic Stock Tracking App
• Ionic Wordpress Client
• Ionic Media Player
• Ionic Social App
• Ionic 5 WhatsApp clone [NEW]
• Ionic 5 Social Network Starter [NEW]
• Ionic Push Notification
• Ionic Weather app
• Ionic Reddit Reader
• Ionic Advanced Components
• Ionic aiEyes - Azure Computer Vision API
• Ionic Soundboard
• Ionic Country Explorer
• Firebase push notifications in Ionic 4 [NEW]
• Receive SMS automatically in Ionic 4 [NEW]
• Playing music in Ionic 4 [NEW]
• Ionic 4 Stripe Payment Integration [NEW]
• Ionic 4 PayPal Payment Integration [NEW]
• Ionic 4 Apple Pay Payment Integration [NEW]
• Ionic 4 Razorpay Payment Integration [NEW]
• Ionic 4 Twitter login with Firebase [NEW]
• Ionic 4 Facebook login with Firebase [NEW]
• Ionic 4 Google login with Firebase [NEW]
• Translation in Ionic 4 - Internationalization and localization [NEW]
• Ionic 4 Free chat themes [NEW]

Contribute

Contributions welcome! Read the contribution guidelines first.

License